<?php
    if (!isset($_POST['uid'])){
        $_POST['uid'] =$_GET['uid'];
    }
    if (!isset($_POST['pid'])){
        $_POST['pid'] =$_GET['pid'];
    }
    setcookie("misProyectos", 'proyectos', time()+100000,"/","");   

    include '../header.php'; 
    
    $plan = obtenerPlan($_POST['pid']); 
//    echo $plan['titular']; 
    $caducado = false;
    if ($plan['fecha'] < date("Y-m-d")){
        $caducado = true;
    }
?>
        <title>Kinet | Equipo de <?php echo $plan['titular'];?></title>
        <style>
            
            div.opcion {
                height:56px;
                border-color: khaki;border-style:solid;border-width:0 0 1px 0;
                cursor:  pointer;
                -webkit-transition-property: background-color;
                -webkit-transition-duration: .3s;
                -webkit-transition-timing-function: ease;
                -moz-transition-property: background-color;
                -moz-transition-duration: .3s;
                -moz-transition-timing-function: ease;
            }
            div.opcion:hover {
                background-color:lemonchiffon;
            }
            div.opcionIcono {
                float:right;
                width:20px;
                padding:3px;
                text-align:center;
                border-radius:5px;
                border-style:solid;
                border-width:1px;
                border-color: transparent;
            }
            div.opcionIcono:hover {
                border-color:khaki;
            }
            
            .enviarMensaje {
                color:black;
                padding:5px;
                -webkit-transition-property: color;
                -webkit-transition-duration: .3s;
                -webkit-transition-timing-function: ease;
                -moz-transition-property: color;
                -moz-transition-duration: .3s;
                -moz-transition-timing-function: ease;
            }
            
            .enviarMensaje:hover {
                color: #5789ae;
                text-decoration:none;
            }
            
            .cartel {
                text-align:left;
            }
            
        </style>
    </head>
    <body>
        <?php include '../menus/menuUsuario.php'; ?>
        <div id="principal">
            <?php include 'pestanasProyecto.php';  ?>
            <div class="cartel">
                <?php if (esDelEquipo($_SESSION['uid'], $_POST['pid'])) { ?>
                    <a href="#" id="enviar" class="enviarMensaje" data-toggle="modal" data-target="#enviarMensaje"><i class="glyphicon glyphicon-envelope"></i></a>
                <?php } ?>
                <?php if ($valoracion = valoracionMediaEquipo($_POST['pid'])) { ?>
                    <div style="float:right;">
                        <div style="box-shadow:1px 1px 1px black; border:1px solid black;margin-left:5px;font-size:14.5px;padding:0px 5px 0px 5px;color:black;float:right;background-color:<?php echo colorValoracion($valoracion) ?>"><?php echo $valoracion ?></div>
                        <div style="float:right">La media del equipo es </div>
                    </div>
                <?php } ?>
                <div style="clear:both"></div>
                <!--<button class="btn btn-info plano" data-toggle="modal" data-target="#enviarMensaje"><i class="glyphicon glyphicon-envelope"></i>&nbsp;Mensaje</button>-->
            </div>
            <div style="width:90%;margin:0 auto;margin-bottom:15px;">
            <?php
                $equipo = obtenerEquipo($_POST['pid']);
                
//              include '../logic/funcionesChachis.php';

                //Preparamos los datos para la paginación
                $resPorPagina = 15;

                if(!isset($_GET['pagina'])) {
                    $_GET['pagina'] = 1;
                }
                $resultados = paginar(count($equipo), $resPorPagina, $_GET['pagina']); //número total de resultados, resultados por página, número de página
                $i = $resultados['i'];
                while ($i < $resultados['max']) { ?>
                    <div class="tarjeta" onclick="javascript:document.verPerfil<?php echo $i ?>.submit()" title="<?php echo $equipo[$i]['comentario']; ?>">
                        <div style="float:left;width:100%">
                            <img class="thumb" style="width:100%;height:auto" src="../<?php echo $equipo[$i]['foto']; ?>">
                        </div>
                        <div style="float:left;width:100%;background-color:#5789ad;color:white;font-weight:bold;text-align:center;margin:5px 0 5px 0">
                            <b><?php echo $equipo[$i]['descripcionRol']; ?></b>
                        </div>
<!--                        <div style="float:left;width:100%;text-align:center;">
                            <?php // echo $equipo[$i]['descripcionOferta']; ?>
                        </div>-->
                        <div style="float:left;width:100%;text-align:center;">
                            <?php if ($color = estaBloqueado($equipo[$i]['idUsuario'])) { ?>
                                <i class="glyphicon glyphicon-minus-sign" style="color:<?php echo $color ?>;margin-bottom:5px;" title="Usuario bloqueado"></i>
                            <?php } ?>
                            <?php echo $equipo[$i]['nombreUsuario']." ".$equipo[$i]['apellidos']."<br>"; ?>
                            <font style="font-size:11px;color:gray"><?php echo "de ".$equipo[$i]['nombreMunicipio']." (".$equipo[$i]['nombreProvincia'].")"; ?></font>
                        </div>
                        <?php if ($equipo[$i]['valoracionMedia'] > 0) { ?>
                            <div class="puntuacion" style="background-color: <?php colorValoracion($equipo[$i]['valoracionMedia']); ?>">
                                <?php echo $equipo[$i]['valoracionMedia'] ?>
                            </div>
                            <div style='position:absolute;bottom:0;font-weight:bold;font-size:13px;text-align:center;padding-bottom:5px;width:88%'>
                                <?php if ($equipo[$i]['cantidadValoraciones'] == 1) { ?>
                                    Tiene 1 opinión
                                <?php } else { ?>
                                    Tiene <?php echo $equipo[$i]['cantidadValoraciones'] ?> opiniones
                                <?php } ?>
                            </div>
                        <?php } else {?>
                            <div style='position:absolute;bottom:0;font-weight:bold;font-size:13px;text-align:center;padding-bottom:5px;width:88%'>
                                No existen opiniones
                            </div>
                        <?php } ?>
                        <div style="width:100%">
                            <form method="get" name="verPerfil<?php echo $i ?>" action="../usuarios/perfil.php">
                                <input type="hidden" name="uid" value="<?php echo $equipo[$i]['idUsuario'] ?>">
                            </form>
                        </div>
                    </div>        
               <?php $i++; } ?>
                
                <div style="clear:both"></div>
                <div style="width:100%;text-align:center;">
                    <?php if (count($equipo) > $resPorPagina) { ?>
                        <ul class="pagination">
                            <?php if ($_GET['pagina'] == 1) { ?>
                                <li><a href="#">&laquo;</a></li>
                            <?php } else { ?>
                                <li><a href="equipo.php?pagina=<?php echo $_GET['pagina']-1 ?>&pid=<?php echo $_POST['pid'] ?>">&laquo;</a></li>
                            <?php } ?>

                            <?php for ($in = 0 ; $in < (count($equipo)/$resPorPagina) ; $in++) { ?>
                                <?php if ($in+1 == $_GET['pagina']) { ?>
                                    <li class="active"><a href="#"><?php echo $in+1 ?></a></li>
                                <?php } else { ?>
                                    <li><a href="equipo.php?pagina=<?php echo $in+1 ?>&pid=<?php echo $_POST['pid'] ?>"><?php echo $in+1 ?></a></li>
                                <?php } ?>
                            <?php }?>
                                    
                            <?php if ($_GET['pagina'] >= (count($equipo)/$resPorPagina)) { ?>
                                <li><a href="#">&raquo;</a></li>
                            <?php } else { ?>
                                <li><a href="equipo.php?pagina=<?php echo $_GET['pagina']+1 ?>&pid=<?php echo $_POST['pid'] ?>">&raquo;</a></li>
                            <?php } ?>
                            
                        </ul>
                    <?php } ?>
                </div>      
            </div>
            <div style="clear: both"></div>
        </div>
        <script language="javascript">
            $(document).ready(function(){
                 $("#enviar").tooltip({ placement: 'right', html : true, trigger:'hover', title: 'Enviar mensaje al equipo'});
            });
        </script>
        
         <!-- Modal Mensaje-->
            <div class="modal fade" id="enviarMensaje" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
              <div class="modal-dialog">

                <div class="modal-content" style="border-radius:0 !important;position:relative !important;">
                    <div class="aspa" data-dismiss="modal" aria-hidden="true" style="right:-10px;top:-10px;" title="Cerrar">
                        <i class="glyphicon glyphicon-remove"></i>
                    </div>
                  <div class="modal-header" style="color:white;background-color:#5789ae;color:white;border-bottom:black solid 2px;padding:10px;">
                      <div style="float:left;">
                        <?php
//                          $equipo = obtenerEquipo($_POST['pid']);
                            $i = 0;
                            $z = 0;
                            while ($i < count($equipo)) {
                                if (($idUsuario != $equipo[$i]['idUsuario']) && $equipo[$i]['idUsuario'] != $_SESSION['uid']) {
                                    $idUsuario = $equipo[$i]['idUsuario'];  
                                    $usuarios[$z] = $idUsuario;
                                    ?>
                                        <img class="thumb" style="width:50px;margin:5px;" title="<?php echo $equipo[$i]['nombreUsuario']." ".$equipo[$i]['apellidos'] ?>" src="../<?php echo $equipo[$i]['foto'] ?>">
                                    
                                    <?php $z++; 
                                        } 
                                    $i++; 
                                    
                                } ?>
                      </div>
                      <div style="float:left;padding:7px 7px 0 10px;">
                        <h4 class="modal-title" id="myModalLabel" style="font-weight:bold"></h4>
                      </div>
                      <div style="clear:both"></div>
                  </div>
                  <div class="modal-body">
                      <form accept-charset="UTF-8" action="../logic/enviarMensajeMultiple.php" method="POST" name='enviarMensaje'>
                          <input type="hidden" name="usuarios" value='<?php echo serialize($usuarios) ?>'>
                          <input type="hidden" name="pid" value="<?php echo $_POST['pid'] ?>">
                          <input type='hidden' name='origen' value='equipo'>
<!--                            <div style='margin:10px 10px 10px 10px;float:left;width:100%;font-size:20px;'>
                                <img class="thumb" style="width:40px;" src="../<?php // echo $datosOrigen['fotoThumb'] ?>"> de <b><?php //  echo $datosOrigen['nombreUsuario']." ".$datosOrigen['apellidos']?></b>
                            </div>-->
<!--                            <div style='margin:10px 10px 10px 10px;float:left;width:100%;font-size:20px;'>
                                <img class="thumb" style="width:40px;" src="../<?php // echo $datos['fotoThumb'] ?>"> a <b><?php //  echo $nombreUsuario ?></b>
                            </div>-->
                            <div style='margin:10px 10px 10px 10px;float:left;width:100%;'>
                                <b style="font-size:20px;">Asunto</b><br>
                                <input style="margin-bottom:10px;width:calc(100% - 20px);height:30px;" name="asunto" type="text" value='Proyecto: <?php echo $plan['titular'] ?>'>
                            </div>
                            <div style='margin:10px 10px 10px 10px;float:left;width:100%'>
                                <div style="float:left;">
                                <b style="font-size:20px;">Mensaje</b>
                                </div><font style="font-weight:normal;font-size:12px;">
                                <div style="float:right;font-size:14px;padding:10px 20px 0 0">
                                    <?php echo "  ".formatoFecha(date("Y-m-d"))."  a las ".date('H:i'); ?></font><br>
                                </div>
                                <textarea name="cuerpo" placeholder="Escribe tu mensaje" rows="5" style="margin-bottom:10px;width:calc(100% - 20px);height:140px;"></textarea>
                            </div>
                            <div style="clear:both"></div>
                    </form>
                  </div>
                      
                  <div class="modal-footer">
                    <button type="button" class="btn btn-info boton" onClick="javascript:document.enviarMensaje.submit();"><i class="glyphicon glyphicon-envelope"></i> Mensaje</button>
                  </div>
                </div>
              </div>
            </div>
         
        
            <?php include '../footer.php'; ?>
    </body>
</html>